<template>
	<!-- 商品盒子类型 -->
	<view class="shopping-list">
		<view class="shopping-item" v-for="(item,index) in list" :key="index" @click="$emit('click',item)">
			<image class="shopping-item-image" :src="item.image" mode="widthFix"></image>
			<view class="shopping-item-text">{{item.title}}</view>
			<!-- <view class="shopping-item-text1">{{item.describes}}</view> -->
			<view class="flex-column">
				<view class="shopping-item-price margin-bottom10">￥<text style="font-size: 38rpx;">{{item.price}}</text></view>
				<view class="fontSize-13 color-666">积分 <text style="font-size: 15px; color: #FE3232;"> {{item.score}}</text></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			list:Array
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.buy-Item{
		width: 98rpx;
		height: 48rpx;
		background: #967C5E;
		font-weight: 400;
		font-size: 24rpx;
		color: #FFFFFF;
		border-radius: 33rpx 33rpx 33rpx 33rpx;
	}
	.shopping-item-price {
		font-weight: 400;
		font-size: 26rpx;
		color: #FE3232;
		margin-top: 20rpx;
	}
	
	.shopping-item-text1 {
		font-weight: 400;
		font-size: 12px;
		color: #999999;
		margin: 10rpx 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	
	}
	
	.shopping-item-text {
		font-weight: 500;
		font-size: 15px;
		color: #333333;
		margin: 10rpx 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	
	}
	
	.shopping-item-image {
		width: 325rpx;
		height: 325rpx;
		background: #EBF4FF;
		border-radius: 14rpx 14rpx 0rpx 0rpx;
		flex-shrink: 0;
	}
	.shopping-item:nth-child(2n){
		margin-right: 0;
	}
	.shopping-item {
		width: 46%;
		padding: 10rpx;
		background-color: #ffffff;
		border-radius: 14rpx;
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: 0 2% 30rpx 0;
	}
	.shopping-list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		// margin-top: 30rpx;
	}
</style>